<!DOCTYPE HTML>
<html>
<head>
    <title>联系我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
    <script src="js/jquery.min.js"></script>
</head>
<body>
<div class="index-banner1">
    <div class="header-top">
        <div class="wrap">
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt=""/></a>
            </div>
            <div class="menu">
                <a href="#" class="right_bt" id="activator"><img src="images/nav_icon.png" alt=""></a>
                <div class="box" id="box">
                    <div class="box_content_center">
                        <div class="menu_box_list">
                            <ul>
                                <li><a href="/patentQuery/index.html">主页</a></li>
                                <li><a href="/patentQuery/about.html">关于站点</a></li>
                                <li class="active"><a href="/patentQuery/contact.html">联系我们</a></li>
                                <li><a href="/patentQuery/userLogin.html">登录</a></li>
                                <li><a href="/patentQuery/userRegister.html">注册</a></li>
                                <li><a href="/patentQuery/login.html">管理员登录</a></li>
                            </ul>
                        </div>
                        <a class="boxclose" id="boxclose"><img src="images/close.png" alt=""></a>
                    </div>
                </div>
                <script type="text/javascript">
                    var $ = jQuery.noConflict();
                    $(function () {
                        $('#activator').click(function () {
                            $('#box').animate({'top': '0px'}, 500);
                        });
                        $('#boxclose').click(function () {
                            $('#box').animate({'top': '-700px'}, 500);
                        });
                    });
                    $(document).ready(function () {

                        //Hide (Collapse) the toggle containers on load
                        $(".toggle_container").hide();

                        //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
                        $(".trigger").click(function () {
                            $(this).toggleClass("active").next().slideToggle("slow");
                            return false; //Prevent the browser jump to the link anchor
                        });

                    });
                </script>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="main">
    <div class="wrap">
        <div class="abstract">
            <div class="map">
                <iframe width="100%" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
                        src="map.html"></iframe>
                <br>
            </div>
            <div class="section group">
                <div class="cont1 span_2_of_a1">
                    <h3>给我们您的反馈</h3>
                    <div class="contact-form">
                        <div class="contact-to">
                            <input type="text" class="text" value="姓名..." onfocus="this.value = '';"
                                   onblur="if (this.value == '') {this.value = '姓名...';}">
                            <input type="text" class="text" value="邮箱..." onfocus="this.value = '';"
                                   onblur="if (this.value == '') {this.value = '邮箱...';}" style="margin-left: 10px">
                            <input type="text" class="text" value="主题..." onfocus="this.value = '';"
                                   onblur="if (this.value == '') {this.value = '主题...';}"
                                   style="margin-left: 10px">
                        </div>
                        <div class="text2">
                            <textarea value="内容:" onfocus="this.value = '';"
                                      onblur="if (this.value == '') {this.value = '内容';}">内容...</textarea>
                        </div>
                        <span><input type="submit" class="" value="提交"></span>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="labout span_1_of_a1">
                    <h3>联系信息</h3>
                    <div class="address">
                        <p>南京启兴知识产权服务有限公司</p>
                        <p>南京市江宁区中国无线谷（秣周东路09号）</p>
                        <p>商务服务业</p>
                        <p>中国 丨 江苏</p>
                        <p>Phone:(86) 13016965670</p>
                        <p>Email: <span>patent@zhiwanqian.com</span></p>
                        <!--<p>Follow on: <span>Facebook</span>, <span>Twitter</span></p>-->
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
<!--页脚-版权信息-开始-->
<div class="footer">
    <div class="wrap">
        <div class="copy">
            <p>Copyright &copy; 2018. 南京启兴知识产权服务有限公司 <a target="_blank" href="http://www.zhiwanqian.com">知万千</a> All
                rights reserved.</p>
            <p>苏ICP备18022959号</p>
            <p>交流QQ群：512654348</p>
            <p style="cursor: pointer"><a onclick="displayContract();">服务条款</a>
                丨 <a onclick="displayDisclaimer();">免责声明</a>
                丨 <a onclick="displayPrivacyPolicy();">隐私权政策</a>
            </p>
        </div>
    </div>
</div>
<script src="js/layer/layer.js"></script>
<script>
    // 弹出服务条款
    function displayContract() {
        //iframe窗
        layer.open({
            type: 2,
            title: '《「知万千」服务条款》',
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['893px', '600px'],
            content: 'contract20180501.html'
        });
    }
    //  弹出免责声明
    function displayDisclaimer() {
        //页面层
        layer.open({
            type: 1,
            title: '《「知万千」免责声明》',
            skin: 'layui-layer-rim', //加上边框
            area: ['420px', '240px'], //宽高
            content: '<div style="font-size: small;margin: 16px; 10px;"><ul>' +
            '<li>　　本网站所提供的信息来源于互联网，仅供参考、测试和学习交流之用，不构成任何其他建议。</li>' +
            '<li>　　本网站不保证信息的准确性、有效性、及时性和完整性。如果您发现本网站上有侵犯您知识产权的相关信息，请与我们取得联系，我们会及时修改或/和删除。</li>' +
            '<li>　　在法律允许的范围内，本网站在此声明，不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿。</li>' +
            '</ul></div>'
        });
    }
    // 弹出隐私权政策
    function displayPrivacyPolicy() {
//iframe窗
        layer.open({
            type: 2,
            title: '《「知万千」隐私权政策》',
            shadeClose: true,
            shade: false,
            maxmin: true, // 开启最大化最小化按钮
            area: ['893px', '600px'],
            content: 'privacyPolicy20180501.html'
        });
    }
</script>
</body>
</html>